<template>
  <div id="xxx-out-div" class="xxx-out-div qc-common-out-div-theme" :class="`out-div-${uuid}`">
    <!-- 主div -->
    <div
      class="main-div qc-common-main-div-theme qc-flex-x qc-flex-align-center qc-flex-justify-center"
    >
      <h1>我是一个示例，请把我替换成任务中心</h1>
    </div>
  </div>
</template>
<script lang="ts" setup>
import type { Ref } from "vue";
import { onMounted, onUnmounted, onBeforeMount, ref } from "vue";
import { getUUID, dateFormat } from "@/utils/utils";
// 页面路径
const pageName: string = "src/views/index/index.vue";
// 唯一标识
const uuid: string = getUUID();
// 挂载前
onBeforeMount(() => {});
// 挂载
onMounted(() => {
  console.log(`${dateFormat(new Date(), "YYYY-MM-DD HH:mm:ss.SSS")}-${pageName}-onMounted-挂载`);
});
// 卸载
onUnmounted(() => {});
</script>
<style lang="less" scoped>
.xxx-out-div {
  // 主div
  .main-div {
  }
}
</style>
<style></style>
